<div class="row2" >
    <div class="">
        <h1>
            <small>
                <i class="fi-torsos-all" style="font-size: 35px; padding-right: 10px; margin-left: 5px;"></i><span style="vertical-align: 6px;">Consulta de Grupos</span>  
            </small>
        </h1>
    </div>   


<table width="100%"  class="table table-bordered table-hover" border="1px" cellspacing="0" cellpadding="0">

    <thead>
        <tr>
            <td width="80%" bgcolor="#f0f0f0"><center>Grupo</center></td>
            <td width="8%" bgcolor="#f0f0f0"><center>Ação</center></td>
</tr>
</thead>

<?php
$contador = 0;
foreach ($grupos as $grupo) {
    $contador++
    
    ?>
    <tr>
        <td><?php echo $grupo->grupos_nome ?></td>
       
        <td style="vertical-align: middle">
    <center>
        <a class="medium" style="color: #000; font-size: 25px;" title="Editar" href="<?php echo base_url('index.php/grupos?grupos_id=' . $grupo->grupos_id) ?>"><i class="fi-page-edit"></i></a>
    </center>
    </td>
    </tr>  
<?php } ?>

    
    <tr style="font-weight:bold;" >
        <td bgcolor="#f0f0f0" colspan="5">
            Quantidade de Grupos: <?php echo $contador;?>
        </td>
        </tr>
    
</table>
</div>